<template>
	<view>
		<view id="boxlog" class="box3">这是一个login组件</view>
		<view>这是父组件传过来的值{{title}}</view>
		<button type="primary" @click="sendNum">给父组件传值</button>
	</view>
</template>

<script>
	export default {
		name: "login",
		// props用来接受父组件传递过来的值
		props: ["title"],
		data() {
			return {
				num: 5
			};
		},
		beforeCreate() {
			console.log("实例化的时候被加载的：：：：beforeCreate")
			console.log(this.num)
		},
		created() {
			console.log("实例被加载完之后被调用的生命周期函数：：：created")
			console.log(this.num)
		},
		beforeMount() {
			console.log("实例挂载前被调用的：：：：beforeMount")
			console.log("获取元素：：：：" + document.getElementById("boxlog"))
		},
		mounted() {
			console.log("实例挂载后被调用的：：：：mounted")
			console.log("获取元素：：：：" + document.getElementById("boxlog"))
		},
		destroyed() {
			console.log("该组件被销毁了")
		},
		methods:{
			sendNum(){
				// 通过$emit触发事件进行传递参数
				this.$emit("myEvent",this.num)
			}
		}

	}
</script>

<style>
	.box3 {
		width: 750rpx;
		height: 200rpx;
		background-color: #DD4A68;
	}
</style>
